//交易大厅-兑换订单s
.order-item{
	border-radius: 20rpx;
	background: #fff;
	padding:0 30rpx;
	margin-bottom: 20rpx;
	.top{
		@include flex-box(row,space-between,center);
		border-bottom: $global-border;
		height: 90rpx;
		font-size: 28rpx;
		.left{
			color: $color-919191;
			.logo-left{
				@include flex-box(row,null,center);
				image{
					width: 46rpx;
					height: 46rpx;
					border-radius: 50%;
					margin-right: 20rpx;
				}
				text{
					font-size: 32rpx;
					font-weight: 500;
					color: $color-080524;
				}
			}
		}
		.right{
			color: $theme-color;
		}
	}
	.order-goods-rows{
		.order-goods-row-item{
			@include flex-box();
			padding: 20rpx 0;
			.goods-img{
				width: 150rpx;
				height: 150rpx;
				margin-right: 20rpx;
				border-radius: 10rpx;
			}
			.right{
				@include flex-box(column,space-between);
				padding: 5rpx 0;
				flex: 1;
				.ry-goods-name{
					@include flex-box(row,space-between,center);
					.name{
						font-size: 28rpx;
						font-weight: 500;
					}
					.ry-goods-name-right{
						@include flex-box(row,null,center);
						image{
							width: 40rpx;
							margin-right: 10rpx;
						}
						text{
							color: $theme-F94A36;
							font-size: 24rpx;
						}
					}
				}
				.goods-name{
					font-size: 28rpx;
					font-weight: 500;
				}
				.goods-spec{
					font-size: 24rpx;
					color: $color-919191;
				}
				.ry-right-bot{
					color: $color-919191;
					font-size: 24rpx;
					.shuliang{
						margin-bottom: 10rpx;
					}
				}
				.right-bot{
					@include flex-box(row,space-between,center);
					.price{
						text{
							color: $theme-F94A36;
							&.large{
								font-size: 32rpx;
							}
						}
					}
					.num{
						color: $color-919191;
					}
				}
			}
		}
	}
	.order-ry-goods-rows{
		.order-goods-row-item{
			padding: 30rpx 0;
			border-bottom: $global-border;
		}
	}
	.total{
		@include flex-box(row,flex-end,center);
		text{
			color: $theme-F94A36;
			&.black{
				color: $color-080524;
			}
			&.large{
				font-size: 36rpx;
			}
		}
	}
	.ry-total{
		margin-top: 20rpx;
		@include flex-box(row,space-between,center);
		.left{
			color: $color-919191;
		}
		.right{
			text{
				font-size: 30rpx;
				font-weight: 500;
				&.heji{
					font-size: 26rpx;
				}
			}
		}
	}
	.ry-order-bot{
		height: 90rpx;
		@include flex-box(row,space-between,center);
		padding:0 0 10rpx 0;
		button{
			width: 140rpx;
			height: 50rpx;
			line-height: 46rpx;
			padding: 0;
			border-radius: 30rpx;
			border: 2rpx solid $color-BCBCBC;
			background: none;
			&:not(:last-child){
				margin-right: 15rpx;
			}
			&.confirm{
				background: $theme-color;
				color: #fff;
				border-color: $theme-color;
			}
			&.dis{
				border: 2rpx solid transparent;
				color: #fff;
			}
		}
	}
	.order-bot{
		height: 90rpx;
		@include flex-box(row,flex-end,center);
		padding:0 0 10rpx 0;
		button{
			width: 140rpx;
			height: 50rpx;
			line-height: 46rpx;
			padding: 0;
			border-radius: 30rpx;
			border: 2rpx solid $color-919191;
			background: none;
			&:not(:last-child){
				margin-right: 15rpx;
			}
			&.confirm{
				background: $theme-color;
				color: #fff;
				border-color: $theme-color;
			}
		}
	}
}
//交易大厅-兑换订单e
// 确认订单s
.confirm-order{
	position: relative;
	.inner{
		padding: 20rpx 30rpx 0 30rpx;
		.dizhi {
			background: #fff;
			padding: 20rpx 30rpx;
			border-radius: 20rpx;
			@include flex-box();
			margin-bottom: 20rpx;
			min-height: 140rpx;
			box-sizing: border-box;
			.dingwei-img {
				width: 50rpx;
				margin-right: 20rpx;
				align-self: center;
			}
			.right{
				flex: 1;
				@include flex-box(row,space-between,center);
				.right-add{
					font-size: 30rpx;
					font-weight: 500;
				}
				.right-left{
					.right-left-top{
						@include flex-box(row,null,center);
						text{
							font-size: 30rpx;
							font-weight: 500;
							&.phone{
								margin-left: 15rpx;
							}
						}
					}
					.right-left-bot{
						color: $color-919191;
						margin-top: 5rpx;
					}
				}
				.more-img{
					width: 20rpx;
				}
			}
		}
		.goods-row{
			border-radius: 20rpx;
			margin-top: 20rpx;
			padding: 0 30rpx;
			background: #fff;
			.goods-row-tit{
				font-size: 28rpx;
				font-weight: 500;
				line-height: 80rpx;
			}
			.pay-items{
				.pay-item {
					min-height: 96rpx;
					@include flex-box(row,null,center);
					font-size: 24rpx;
					&:not(:last-child){
						border-bottom:$global-border;
					}
					.pay-item-left-img{
						width: 50rpx;
						margin-right: 15rpx;
					}
					.pay-item-img{
						width: 40rpx;
					}
					text {
						font-size: 28rpx;
						flex: 1;
					}
				}
			}
		}
		.goods-row-top{
			border-radius: 20rpx;
			padding: 0 30rpx;
			background: #fff;
			.head-container{
				@include flex-box(column,center,center);
				padding: 30rpx 0;
				border-bottom: $global-border;
				.head-pic{
					height: 90rpx;
					width: 90rpx;
					border-radius: 50%;
				}
				text{
					margin-top: 20rpx;
				}
			}
			.rows{
				.row{
					min-height: 96rpx;
					@include flex-box(row,space-between,center);
					&:not(:last-child){
						border-bottom: $global-border;
					}
				}
			}
		}
		.xieyi{
			@include flex-box(row,null,center);
			margin-top: 20rpx;
			image{
				width: 40rpx;
			}
			.xieyi-info{
				margin-left: 10rpx;
				font-size: 28rpx;
				text{
					&:nth-child(2){
						color: $theme-color;
					}
				}
			}
		}
	}
}
.confirm-order-bot {
	position: fixed;
	height: 100rpx;
	width: 100%;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	@include flex-box(row,space-between,center);
	background: #fff;
	padding: 0 30rpx;
	z-index: 10;
	.left{
		text{
			font-size: 36rpx;
		}
		.amount {
		}
	}
	.zf-btn {
		width: 180rpx;
		height: 70rpx;
		line-height: 70rpx;
		color: #fff;
		background:$theme-color;
		font-weight: 300;
		font-size: 30rpx;
		border-radius: 40rpx;
		&[disabled]{
			background: rgba($theme-color, 0.5);
		}
	}
}
.confirm-order-goods {
	border-radius: 20rpx;
	background: #fff;
	padding: 0 30rpx 20rpx 30rpx;
	.confirm-order-goods-logo{
		height: 100rpx;
		@include flex-box(row,null,center);
		border-bottom: $global-border;
		image{
			width: 46rpx;
			height: 46rpx;
			border-radius: 50%;
			margin-right: 20rpx;
		}
		text{
			font-size: 32rpx;
			font-weight: 500;
		}
	}
	.confirm-order-goods-items{
		.confirm-order-goods-item {
			@include flex-box(row);
			padding: 20rpx 0;
			&:last-child{
				border-bottom:$global-border;
			}
			.goods-img {
				width: 100rpx;
				height: 100rpx;
				border-radius: 10rpx;
				margin-right: 20rpx;
			}
			.right {
				flex: 1;
				@include flex-box(column,space-around);
				.goods-name {
					font-size: 28rpx;
					font-weight: bold;
				}
				.goods-price{
					@include flex-box(row,null,center);
					text{
						color: $theme-F94A36;
						&:not(:last-child){
							margin-right: 4rpx;
						}
						&.large{
							font-size: 32rpx;
							font-weight: 500;
						}
						&.last{
							color: $color-080524;
						}
					}
				}
			}
		}
	}
	.confirm-number {
		display: flex;
		justify-content: space-between;
		.number{
			display: flex;
			align-items: center;
			text{
				width: 42rpx;
				line-height: 46rpx;
				text-align: center;
				background: $bg-F7F7F7;
				&:nth-child(1){
					font-size: 36rpx;
				}
				&:nth-child(2){
					width: 56rpx;
					font-size: 32rpx;
					margin:0 10rpx;
				}
				&:nth-child(3){
					font-size: 36rpx;
				}
			}
			.dis{
				color: $color-919191;
			}
		}
	}
	.confirm-order-goods-number{
		@include flex-box(row,space-between,center);
		padding: 30rpx 0;
		border-bottom: $global-border;
		.left{
			font-size: 28rpx;
		}
		.right{
			display: flex;
			align-items: center;
			text{
				width: 42rpx;
				line-height: 46rpx;
				text-align: center;
				background: $bg-F7F7F7;
				&:nth-child(1){
					font-size: 36rpx;
				}
				&:nth-child(2){
					width: 56rpx;
					font-size: 32rpx;
					margin:0 10rpx;
				}
				&:nth-child(3){
					font-size: 36rpx;
				}
			}
			.dis{
				color: $color-919191;
			}
		}
	}
	.confirm-order-goods-desc{
		margin-top: 20rpx;
		.tit{
			font-weight: 500;
			font-size: 28rpx;
		}
		.jianjie{
			margin-top: 10rpx;
		}
	}
}
.submit-btn{
	background: $theme-color;
	margin: 0 auto;
	border-radius: 40rpx;
	margin-top: 40rpx;
	color: #fff;
	font-size: 30rpx;
	height: 80rpx;
	line-height: 80rpx;
	font-weight: 500;
	border-radius: 50rpx;
	&[disabled]{
		background:rgba($color: $theme-color, $alpha: 0.5);
	}
}
// 商城订单s
.shop-confirm-order-goods{
	padding-bottom: 10rpx;
	.order-goods-items{
		.order-goods-item {
			@include flex-box(row);
			padding: 20rpx 0;
			&:last-child{
				border-bottom:$global-border;
			}
			.goods-img {
				width: 150rpx;
				height: 150rpx;
				border-radius: 10rpx;
				margin-right: 20rpx;
			}
			.right {
				flex: 1;
				@include flex-box(column,space-around);
				.goods-name {
					font-size: 28rpx;
					font-weight: bold;
				}
				.goods-spec{
					font-size: 24rpx;
					color: $color-919191;
				}
				.goods-bot{
					@include flex-box(row,space-between,center);
					.goods-bot-left{
						color: $theme-F94A36;
						.large{
							font-size: 32rpx;
							font-weight: 500;
						}
					}
					.goods-bot-right{
						display: flex;
						align-items: center;
						text{
							width: 42rpx;
							line-height: 46rpx;
							text-align: center;
							background: $bg-F7F7F7;
							&:nth-child(1){
								font-size: 36rpx;
							}
							&:nth-child(2){
								width: 56rpx;
								font-size: 32rpx;
								margin:0 10rpx;
							}
							&:nth-child(3){
								font-size: 36rpx;
							}
						}
						.dis{
							color: $color-919191;
						}
					}
				}
			}
		}
	}
	.rows{
		margin-top: 10rpx;
		.row{
			@include flex-box(row,space-between,center);
			height: 60rpx;
			.left{}
			.right{
				color: $theme-F94A36;
			}
			.black{
				color: $color-080524;
			}
		}
		.shifu{
			.left{
				font-weight: 500;
				font-size: 28rpx;
			}
			.right{
				@include flex-box(row,null,center);
				.amount{
					font-size: 30rpx;
				}
			}
		}
	}
}
.confirm-order .confirm-bg{
	background: $theme-color;
	height: 160rpx;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
.confirm-order .confirm-bg + .inner{
	margin-top: -150rpx;
	position: relative;
	z-index: 2;
}
.confirm-order .confirm-bg + .inner .dizhi{
	min-height: 160rpx;
}
// 商城订单e
// 确认订单e
// 订单详情s
.order-detail{
	.order-detail-bg{
		background: $theme-color;
		height: 160rpx;
		position: relative;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.order-detail-bg + .inner{
		margin-top: -150rpx;
		position: relative;
		z-index: 2;
	}
	.inner{
		padding: 20rpx 30rpx 0 30rpx;
		.dizhi {
			background: #fff;
			padding: 20rpx 30rpx;
			border-radius: 20rpx;
			@include flex-box();
			margin-bottom: 20rpx;
			min-height: 140rpx;
			box-sizing: border-box;
			.dingwei-img {
				width: 50rpx;
				margin-right: 20rpx;
				align-self: center;
			}
			.right{
				flex: 1;
				@include flex-box(row,space-between,center);
				.right-add{
					font-size: 30rpx;
					font-weight: 500;
				}
				.right-left{
					.right-left-top{
						@include flex-box(row,null,center);
						text{
							font-size: 30rpx;
							font-weight: 500;
							&.phone{
								margin-left: 15rpx;
							}
						}
					}
					.right-left-bot{
						color: $color-919191;
						margin-top: 5rpx;
					}
				}
				.more-img{
					width: 20rpx;
				}
			}
		}
		.order-info{
			background: #fff;
			margin-top: 20rpx;
			border-radius: 20rpx;
			padding: 10rpx 30rpx;
		}
	}
}
.order-info-row{
	@include flex-box(row,space-between,center);
	height: 60rpx;
	.left{}
	.right{
		color: $color-080524;
	}
	.copy{
		color: $theme-color;
	}
}
.order-detail-bot {
	position: fixed;
	height: 100rpx;
	width: 100%;
	bottom: 0;
	left: 0;
	box-sizing: border-box;
	@include flex-box(row,space-between,center);
	background: #fff;
	padding: 0 30rpx;
	z-index: 10;
	.left{
		text{
			font-size: 36rpx;
		}
		.amount {
		}
	}
	.order-detail-bot-right{
		@include flex-box(row,null,center);
		button{
			width: 180rpx;
			height: 70rpx;
			line-height: 70rpx;
			color: $color-080524;
			background:$theme-color;
			font-weight: 300;
			font-size: 30rpx;
			border-radius: 40rpx;
			border: 2rpx solid $color-919191;
			background: none;
			box-sizing: border-box;
			&:not(:last-child){
				margin-right: 20rpx;
			}
			&.theme {
				background:$theme-color;
				border-color: $theme-color;
				color: #fff;
			}
			&[disabled]{
				background:rgba($color: $theme-color, $alpha: 0.5);
				border: 2rpx solid transparent;
			}
		}
	}
}
// 订单详情e
/deep/.input-placeholder{
	font-size: 26rpx;
	color: $color-ADADAD!important;
}